<template>
  <div class="recommend-main-right">
    <recommend-right-login />
    <recommend-right-singer />
    <recommend-right-anchor />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

import {
  RecommendRightLogin,
  RecommendRightSinger,
  RecommendRightAnchor
} from './recommend-right'

export default defineComponent({
  components: {
    RecommendRightLogin,
    RecommendRightSinger,
    RecommendRightAnchor
  },
  setup() {
    return {}
  }
})
</script>

<style scoped lang="less">
.recommend-main-right {
  width: 30%;
  height: 100%;
  // border-left: 1px solid #ccc;
}
</style>
